<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#f1:hover{
/* background:linear-gradient(to right,rgb(236, 239, 241),rgb(244, 216, 3)); */
box-shadow: 0px 10px 40px rgb(234, 196, 127);
scale: 1.1;
}
#f2:hover{
background:linear-gradient(to right,rgb(236, 239, 241),rgb(244, 119, 3));
box-shadow: 0px 10px 40px rgb(234, 196, 127);
}
#f3:hover{
filter: brightness(1.2);
}
</style>
</head>
<body>
<h1 style="position: absolute; z-index: 1; left: 40%; color: rgb(2, 243, 202);"><b> <u>e-Commerce Hub</u></b></h1>
<img src="lgin.jpg" style="height:1%; width: 100%; border: 1px solid; border-radius: 20px;">
<div style="height: 60%; width: 40%; position: absolute; top: 20%; left: 30%; border:solid 1px whitesmoke ; border-radius: 30px; box-shadow:0px 60px 90px rgb(39, 39, 42); background-image: url(lgin.jpg);">
<h1 style="position: absolute; left:28% ; font-size:40px; color: rgb(235, 231, 225);"><u>Register Now🪶</u></h1>
<form style="position: absolute; top: 30%; left: 10%; color: white; font-size: 180%;" >
<div>
Full Name:  <span title="(First name and Last name)"><input type="text" placeholder="Enter Your Name🖊️" style="border-radius: 10px; height: 41px; font-size: 20px;"size="20px" id="f1"></span>
</div><br>
<div>
Email: <span title=" example:(ra****@gmail.com📧)"><input type="text"placeholder="Enter Your Email📧" style="border-radius:10px; height: 41px; font-size: 20px;" size="30px" id="f1"></span>
</div><br>
<div>
Password: <span title="Example:(Ra12@)"><input type="text"placeholder="Enter you Password🔒" style="border-radius: 10px;height: 41px; font-size: 20px;" id="f1" >
</div></span><br>
<div>
<a href="index.html"><span title=" Check Before Conferm"><input type="button" value="Conferm👆🏻" style="height: 45px; width: 115px; border-radius: 15px; background-color: rgb(238, 245, 203); font-size: 20px;" id="f2"></span></a>
</div>
</div>
</form >
</div>
</body>
</html>